<div class="closing-approval" *ngIf="docid?formJson:true;else elseBlock">
    <div class="registerCsae" *ngIf="!isReadonly">
        <span style='margin-left:0'>案件环节：</span>
        <nz-select class='select' style="width: 120px;vertical-align: middle" [nzDisabled]='isReadonly' (ngModelChange)="selectChange($event)" nzPlaceHolder='请选择' [ngModel]='getSelectValue' [nzSuffixIcon]='icon' [nzSuffixIcon]='icon' nzAllowClear='false'>
            <nz-option nzValue="线索" nzLabel="线索">线索</nz-option>
            <nz-option nzValue="立案" nzLabel="立案">立案</nz-option>
            <nz-option nzValue="调查取证" nzLabel="调查取证">调查取证</nz-option>
            <nz-option nzValue="处罚决定" nzLabel="处罚决定">处罚决定</nz-option>
            <nz-option nzValue="执行与结案" nzLabel="执行与结案">执行与结案</nz-option>
            <nz-option nzValue="强制执行" nzLabel="强制执行">强制执行</nz-option>
        </nz-select>
    </div>
    <div class='form' #form>
        <table style="width: 100%;">
            <thead>
                <tr>
                    <th colspan="2">
                        《行政处理决定审批表》
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <span>案件名称：</span>
                    </td>
                    <td>
                        <input placeholder="当事人姓名（名称）+违法行为性质+案" [readonly]='isReadonly' class='input' [(ngModel)]="formJson.caseName" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>立案日期：</span>
                    </td>
                    <td>
                        <nz-date-picker [nzDisabled]='isReadonly' [(ngModel)]="caseDate" style="width: 200px;vertical-align: middle;height:30px;" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>行政处理<br>决定建议类别</span>
                    </td>
                    <td>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.isPub" (ngModelChange)="processingDecision($event,'isPub')">给予行政处罚</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.noPub" (ngModelChange)="processingDecision($event,'noPub')">不予行政处罚</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.caseEnd" (ngModelChange)="processingDecision($event,'caseEnd')">违法事实不能成立，予以结案</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.trOth" (ngModelChange)="processingDecision($event,'trOth')">移送其他行政管理部门</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.trSf" (ngModelChange)="processingDecision($event,'trSf')">移送司法机关</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.oth" (ngModelChange)="processingDecision($event,'oth')">其他</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>是否经过复核<br>（听证）程序</span>
                    </td>
                    <td>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.hear" (ngModelChange)="implementationModalities($event,'hear')">当事人未提出陈述、申辩意见或者未申请听证</label><br>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.noHear" (ngModelChange)="implementationModalities($event,'noHear')">案件经复核或者听证</label>

                    </td>
                </tr>
                <tr>
                    <td>
                        <span>办案人员：</span></td>
                    <td>
                        <input placeholder="办案人员" style="width: 200px;vertical-align: middle;height:30px;" readonly class='input' [(ngModel)]="formJson.casePerson" /> &nbsp;&nbsp;&nbsp;&nbsp;
                        <span style="display: inline-block;width: 50px;text-align: right">时间：</span>
                        <nz-date-picker [nzDisabled]='isReadonly' [(ngModel)]="casePersonDate" style="width: 200px;vertical-align: middle;height:30px;" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span>建议作出行政处理<br>决定的主要事实、 理由、依据及内容</span>
                    </td>
                    <td>
                        <textarea placeholder="建议作出行政处理决定的主要事实、理由、依据及内容" [readonly]='isReadonly' [(ngModel)]="formJson.pubContent" class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>当事人陈述、申辩 或者听证中提出的 主要意见</span></td>
                    <td>
                        <textarea placeholder="当事人陈述、申辩 或者听证中提出的 主要意见" [(ngModel)]="formJson.hearMainOpinion" [readonly]='isReadonly' class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>复核意见或者 听证意见</span></td>
                    <td>
                        <textarea placeholder="复核意见或者 听证意见" [(ngModel)]="formJson.hearOpinion" [readonly]='isReadonly' class='textarea'></textarea>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span>办案机构负责人意见：</span></td>
                    <td>
                        <textarea placeholder="办案机构负责人意见" [(ngModel)]="formJson.organOpinion" readonly class='textarea'></textarea>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span>部门负责人意见：</span></td>
                    <td>
                        <textarea placeholder="部门负责人意见" [(ngModel)]="formJson.deptOpinion" readonly class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>备注：</span></td>
                    <td>
                        <textarea placeholder="备注信息" [readonly]='isReadonly' class='note' [(ngModel)]="formJson.remarks"></textarea>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


<ng-template #icon>
    <i nz-icon nzType="caret-down" nzTheme="outline"></i>
</ng-template>
<app-loading-ball-pulseb *ngIf="loading"></app-loading-ball-pulseb>
<ng-template #elseBlock>
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
        transform:translate(-50%,-50%);
        position: absolute;  
        font-size:18px;
        width:180px;
        height:150px; 
        text-align: center;
        margin-top:150px;
        top:50%;
        left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template>